/** 
 * 学习目标:props的父传子
 * 
1. 父组件提供要传递的state数据
2. 给子组件标签添加属性，值为 state 中的数据
3. 子组件中通过 props 接收父组件中传递的数据

父组件提供数据并且传递给子组件
 * */
import React, { Component } from "react";

export default class App extends Component {
    state = {
        money: 1000
    }
    han = () => {
        this.setState({ money: this.state.money + 1000 })
    }
    render() {
        const { money } = this.state
        return <div>
            {/*  */}
            <button onClick={this.han}>加钱</button>
            <Child title={money}></Child>
        </div>
    }
}

export class Child extends Component {
    render() {
        // 推荐结构props
        // const { title, fn } = this.props
        const { title } = this.props
        return (
            <div>
                {/* <h1>希望接收到title：{title.name}</h1> */}
                <h1>希望接收到title：{title}</h1>
                {/* <button onClick={fn}>子组件</button> */}
            </div>
        )
    }
}

